@import url(../font/iconfont.css);

body {
    /* font-family: auto; */
}

.iconfont {
    font-size: inherit;
    line-height: 1;
    -webkit-text-stroke-width: 0;
}

a:focus,
a:hover {
    text-decoration: none !important;
    outline: none;
}

a {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: none;
    color: #21252b;
}

a:hover {
    text-decoration: none;
    color: #003366 !important;
}

button,
input {
    outline: none !important;
}

::-moz-placeholder {
    color: #ccc;
}

::-webkit-input-placeholder {
    color: #ccc;
}

:-ms-input-placeholder {
    color: #ccc !important;
}

.clearfix:before,
.clearfix:after,
.wrapper:after,
.wrapper:before {
    content: "";
    display: table;
}

.clearfix:after,
.wrapper:after {
    clear: both;
    overflow: hidden;
}

.clearfix,
.wrapper {
    zoom: 1;
}

.btn-primary {
    background: #165a95;
}

ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
    padding: 0;
    margin: 0;
}

body {
    font-size: 14px !important;
    color: #21252b;
}

a {
    text-decoration: none;
}

ul li {
    list-style: none;
}

.uli14 li,
.nowrapli li {
    list-style: inside;
}

ul.nowrapli.uli16 li a {
    padding-left: 8px;
}

img {
    max-width: 100%;
}

#skip {
    display: none;
}

.top-nav {
    background-color: #fff;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 10px;
    height: auto;
}

.top-nav .top-nav-h4 {
    text-align: center;
    color: #21252b;
    font-size: 14px;
    font-weight: bold;
}

.top-nav .navbar-header {
    float: right;
    padding: 0px;
}

.top-nav {
    padding-top: 10px;
}

.beta {
    display: flex;
    align-items: center;
    float: left;
    color: #7cc8ff;
}

.beta img {
    width: 24px;
    height: auto;
    margin-right: 4px;
}

.header-rt {}

#header .top-nav .container1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-rt .top-link {
    float: left;
}

.header-rt .top-link li {
    display: inline-block;
    padding: 0px 10px;
}

.header-rt .top-link li a {
    color: #a5a5a5;
}

.header-rt .top-link li a i {
    padding-right: 11px;
}

.header-rt .top-link li:nth-child(1) a i {
    color: #00254a;
    font-size: 17px;
}

.header-rt .top-link li:nth-child(2) a i {
    font-size: 20px;
    /* color: #7cc8ff; */
    padding-right: 5px;
}

.header-rt .top-link li:nth-child(2) a {
    position: relative;
    display: block;
}

.header-rt .top-link li:nth-child(2) a::before {
    content: '';
    width: 1px;
    height: 13px;

    position: absolute;
    left: -11px;
    top: 4px;
}

.header-rt-right {
    display: flex;
    align-items: center;
}

.header-rt-right a:hover,
.header-rt-right a {
    color: #7cc8ff !important;
    font-size: 14px;
}

.header-rt-right em {
    font-style: normal;
    font-size: 12px;
    padding: 0 10px;
    color: #7cc8ff;
}

.yonghuicon {
    font-size: 22px !important;
    color: #7cc8ff;
    padding-right: 10px;
}

.icondiqiu {
    float: left;
    font-size: 20px;
    color: #a5a5a5;
    margin-top: 4px;
}

.header-main {
    background-color: #036;
    height: auto;
    padding: 20px 0px;
    display: flex;
}

.header-main-left {}

.header-main-left a {
    height: auto;
    width: 370px;
}

.header-main-left a img {
    width: 100%;
}

.header-main-right {
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
}

.header-main-right-left {}

.header-main-right-left ul {
    display: flex;
    align-items: center;
}

.header-main-right-left ul li {
    display: inline-block;
}

.header-main-right-left ul li p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 14px;
}

.header-main-right-left ul li .weather {
    width: 17px;
    margin-top: -5px;
    margin-right: 5px;
}

.header-main-right-left ul li p span {
    color: #73b9eb;
}

.through a {}

.through a img {
    margin-top: 0px;
}

.zihao {}

.search {
    background-color: #73b9eb;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 2.5;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.search i {
    font-size: 18px;
    color: #00254a;
}

.header-main-right-left ul li:nth-child(2) img {
    padding-right: 10px;
    width: 32px;
}

.header-main-right-left ul li:nth-child(2) {
    padding-left: 30px;
}

.header-main-right-left ul li:nth-child(2) #email-alerts {
    color: #7cc8ff !important;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.header-main-right-left ul li:nth-child(3) {
    padding-left: 30px;
    padding-right: 30px;
}

.header-main-right-left ul li:nth-child(4) {
    position: relative;
}

.header-main-right-left ul li:nth-child(4)::before {
    content: '';
    width: 1.5px;
    height: 18px;
    position: absolute;
    left: 0px;
    top: 3px;
}

.navbar-default {
    background-color: #002e5b;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav {
    width: 100%;
    display: flex;
}

.navbar-default .navbar-nav>li {
    flex: auto;
}

.ma-infinitypush-wrapper .ma-infinitypush>ul>li {
    zoom: 1;
}

.ma-infinitypush-wrapper .ma-infinitypush>ul>li::before,
.ma-infinitypush-wrapper .ma-infinitypush>ul>li::after {
    content: "";
    display: table;
}

.navbar-default .navbar-nav>li:nth-child(1) {
    flex: none;
}

.navbar-default .navbar-nav>li a i {
    color: #73b9eb;
    font-size: 20px;
    /* padding-right: 10px;
padding-left: 10px; */
}

.navbar-default .navbar-nav>li>a {
    text-align: center;
    font-size: 20px;
    color: #fff;
    padding: 24px 1px;
    position: relative;
}

.navbar-default .navbar-nav>li:hover {
    background-color: #70b8ed;
}

.navbar-default .navbar-nav>li:hover a i,
.navbar-default .navbar-nav>li:hover>a {
    background-color: transparent;
    color: #21252b;
}

.navbar-nav>li>.dropdown-menu {
    background-color: rgba(132, 202, 255, 0.9);
    min-width: 250px;
    padding: 15px 0px 15px 15px;
}

.navbar-nav>li>.dropdown-menu li {}

.navbar-nav>li>.dropdown-menu li a {
    color: #003366;
    font-size: 18px;
    padding: 15px 0px 15px 10px;
    white-space: inherit;
}

.navbar-nav>li>.dropdown-menu li a:hover,
.navbar-nav>li>.dropdown-menu li a:focus {
    background-color: #036;
    color: #fff !important;
}

.navbar-default .navbar-nav>li:last-child>.dropdown-menu {
    left: auto;
    right: 0px;
}

.disabled {
    display: none;
}

.banner {}

.banner-owl {}

.banner-owl .item {}

.banner-owl a {}

.banner-owl a img {
 
    object-fit: cover;
}

.banner-owl .container {
    background: url(../img/banner-text-bg.png) no-repeat;
    background-size: calc(100% - 30px) 100%;
    padding: 30px 10px 70px 10px;
    margin-top: -147px;
    position: relative;
    background-position-x: 15px;
}

.banner-owl .container h4 {
    padding: 0px 15px;
}

.banner-owl .container h4 a {}

.banner-owl .container h4 a span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

.banner-owl .container h4 a p {
    text-align: center;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

.banner-owl .owl-dots {
    width: 100%;
    text-align: center;
    bottom: 15px;
}

.banner-owl .owl-dots .owl-dot {
    background-color: transparent;
    border: none;
}

.banner-owl .owl-dots .owl-dot span {
    width: 25px;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 0px;
    margin: 0px 0px;
}

.banner-owl .owl-dots .owl-dot.active span {
    background-color: #fff;
}

.public-title a {
    font-size: 48px;
    color: #21252b;
    font-weight: 600;
    padding-left: 150px;
    padding-bottom: 15px;
    position: relative;
    display: block;
}

.public-title a:hover {
    color: #73b9eb !important;
}

.Frequently .public-title a:hover {
    color: #fff !important;
}

.infocue,
.iwanto {
    padding-top: 60px;
}

.iwanto-right {
    width: 100%;
    float: left;
}

.iwanto-right li {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.iwanto-right li a {
    display: block;
    align-items: center;
    padding: 25px 30px;
    height: 241px;
    border: 2px #fff solid;
    justify-content: left;
    text-align: right;
}

.iwanto-right li:nth-child(5) {
    width: 35%;
    float: left;
    background-color: #9362b7;
}

.iwanto-right li a img {
    width: 115px;
    float: left;
    margin-top: 37px;
}

.iwanto-right li:nth-child(3) a,
.iwanto-right li:nth-child(5) a {
    justify-content: left;
}

.iwanto-right li a p {
    color: #fff;
    margin-bottom: 0px;
    display: flex;
    padding-left: 15px;
    font-weight: 600;
    font-size: 28px;
    align-items: center;
    height: 100%;
    justify-content: left;
    line-height: 43px;
}

.iwanto-right li:nth-child(2) {
    width: 25%;
    float: left;
    background-color: #194266;
}

.iwanto-right li:nth-child(2):hover {
    background-color: #07365f;
}

.iwanto-right li:nth-child(3) {
    width: 45%;
    float: left;
    background-color: #4e5dc3;
}

.iwanto-right li:nth-child(3):hover {
    background-color: #3d4cb5;
}

.iwanto-right li:nth-child(4) {
    width: 35%;
    float: left;
    background-color: #13c367;
}

.iwanto-right li:nth-child(4):hover {
    background-color: #06b65a;
}

.iwanto-right li:nth-child(5) {
    width: 35%;
    float: left;
    background-color: #9362b7;
}

.iwanto-right li:nth-child(5):hover {
    background-color: #8653ac;
}

.iwanto-right li:nth-child(1) a img {}

.iwanto-right li:nth-child(2) a img {
    width: 130px;
    margin-top: 27px;
}

.iwanto-right li:nth-child(3) a img {
    width: 170px;
    margin-top: 11px;
}

.iwanto-right li:nth-child(4) a img {
    width: 145px;
    margin-top: 19px;
}

.iwanto-right li:nth-child(1) a p {
    font-size: 28px;
    line-height: 1.2;
    text-align: right;
}

.iwanto-right li:nth-child(2) a p {
    font-size: 34px;
    justify-content: right;
    line-height: 40px;
}

.iwanto-right li:nth-child(3) a p {
    font-size: 54px;
    line-height: 1.2;
    text-align: center;
}

.iwanto-right li:nth-child(4) a p {
    font-size: 46px;
    justify-content: right;
}

.iwanto-right li.iwanto-left {
    width: 30%;
    float: left;
    background-color: #58b7c9;
    padding: 30px 0px;
    border-right: 2px #fff solid;
    height: 478px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 2px;
}

.iwanto-right li.iwanto-left:hover {
    background-color: #41a7bb;
}

.iwanto-right li.iwanto-left a {
    text-align: right;
    display: block;
    height: auto;
    border: none;
}

.iwanto-right li.iwanto-left a img {
    margin: 10px 35px 20px auto;
    display: block;
    width: 193px;
    float: none;
}

.iwanto-right li.iwanto-left a p {
    padding-right: 35px;
    font-size: 48px;
    color: #fff;
    margin-top: 70px;
    margin-bottom: 18px;
    display: block;
}

.infocue-owl {}

.Popular-Destinations-owl .owl-item .item,
.infocue-owl .owl-item .item {
    opacity: 0.3;
}

.Popular-Destinations-owl .owl-item.active .item,
.infocue-owl .owl-item.active .item {
    opacity: 1;
}

.infocue-owl .owl-item .item a {
    background-color: #ecf7f4;
    display: block;
    padding-bottom: 30px;
    overflow: hidden;
}

.infocue-owl .owl-item .item img {
    height: 250px;
    object-fit: cover;
    transition: all 0.5s;
}

.infocue-owl .owl-item .item img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.infocue-owl .owl-item .item h4 {
    padding: 0px;
    background-color: transparent !important;
    position: relative;
    color: #21252b;
    font-size: 22px;
    margin: 27px 0px;
    padding: 0px 20px 3px;
    line-height: 30px;
    height: 93px;
}

.Popular-Destinations,
.infocue {
    overflow: hidden;
}

.Popular-Destinations-owl .owl-stage-outer,
.infocue-owl .owl-stage-outer {
    overflow: initial;
}

.infocue-owl .owl-item .item span {
    margin: 5px 20px 0px;
    background-color: #d5e9e4;
    font-size: 16px;
    color: #21252b;
    padding: 4px 10px;
    border-radius: 6px;
    display: inline-block;
    font-weight: bold;
}

.Popular-Destinations-owl .owl-nav,
.infocue-owl .owl-nav {
    text-align: right;
    margin-top: 20px;
    display: block;
}

.Popular-Destinations-owl .owl-nav [class*=owl-],
.infocue-owl .owl-nav [class*=owl-] {
    width: 41px;
    border-radius: 100%;
    border: none;
    margin: 0px 7px;
    background-color: #d9ece7;
    padding: 4px 0px;
    height: 41px;
    color: #003366;
    line-height: 2;
    font-size: 17px;
    text-align: center;
}

.Popular-Destinations-owl .owl-nav [class*=owl-]:hover,
.infocue-owl .owl-nav [class*=owl-]:hover {
    background-color: #003366;
    color: #fff;
}

.latest-owl {}

.latest-owl .item {}

.latest-owl .item a {}

.latest-owl .item a img {
    height: 343px;
    object-fit: cover;
    transition: all 0.5s;
}

.latest-owl .item a img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.latest-owl .item a h4 {
    background: rgba(255, 255, 255, 0.8) !important;
    padding: 20px 25px !important;
    color: #21252b !important;
    font-size: 18px;
    line-height: 26px;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
}

.latest-owl .item a span {
    display: inline-block !important;
    width: auto !important;
    font-size: 18px;
    letter-spacing: 0px !important;
    position: relative;
    color: #5dafeb;
    padding-right: 15px;
    overflow: visible !important;
}

.latest-owl .item a span::after {
    content: '';
    width: 2px;
    height: 18px;
    background-color: #5dafeb;
    position: absolute;
    right: 6px;
    top: 3px;
}

.latest-owl .owl-dots {
    bottom: auto;
    top: 15px;
    right: 15px;
}

.latest-owl .owl-dots .owl-dot {
    background-color: transparent;
    outline: none !important;
    border: none;
    padding: 0px;
}

.latest-right {}

.list-border {}

.list-border li {
    border-top: 1px #ddd solid;
    padding: 17px 0px;
}

.list-border li:last-child {
    border-bottom: 1px #ddd solid;
}

.list-border li a {
    color: #21252b;
    padding: 0px 10px;
    display: block;
}

.list-border li a span {
    font-size: 13px;
}

.list-border li a p {
    font-size: 22px;
    margin-bottom: 0px;
}

.leammore {
    float: right;
    color: #003366;
    font-size: 16px;
    font-style: oblique;
    margin-top: 25px;
}

.leammore i {
    font-size: 20px;
    line-height: 1;
}

.livingshanghai {
    background: url(../img/living-bg.png) no-repeat;
    background-size: 100% 125%;
    margin-top: 80px;
    padding: 70px 0px;
}

.public-aspan span {
    font-size: 22px;
    color: #21252b;
    font-weight: 500;
    display: block;
    line-height: 24px;
    margin-top: 15px;
}

.livingshanghai-list {
    padding-top: 25px;
    margin-left: -5px;
    margin-right: -5px;
}

.livingshanghai-list li {
    display: block;
    background-color: #fff;
    border: 2px #c4def0 solid;
    margin: 6px 6px;
    border-radius: 9px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    float: left;
}

.livingshanghai-list li a {
    display: block;
    font-size: 20px;
    padding: 5px 15px;
    color: #21252b;
}

.livingshanghai-list li:hover {
    background-color: #003366;
    border: 2px #003366 solid;
}

.livingshanghai-list li:hover a {
    color: #fff !important;
}

.talent {
    margin-top: 70px;
    display: block;
}

.talent img {
    width: 100%;
}

.learn {
    margin-top: 100px;
}

.learn-list {
    margin-top: 20px;
    margin-left: -5px;
    margin-right: -5px;
    position: relative;
}

.learn-list li {
    float: left;
    padding: 5px 5px;
    width: 33.33%;
}

.learn-list li a {
    display: block;
    position: relative;
    overflow: hidden;
}

.learn-list li a img {
    width: 100%;
    transition: all 0.5s;
    height: 253px;
    object-fit: cover;
}

.learn-list li a h4 {
    /* position: absolute; */
    bottom: 0px;
    margin-bottom: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0px 0px 12px;
    font-size: 16px;
    width: 100%;
}

.learn-list li a h4 span {
    color: #0071bc;
    line-height: 22px;
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-style: oblique;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

.learn-list li a h4 p {
    color: #21252b;
    line-height: 22px;
    margin-bottom: 0px;
    font-size: 16px;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

.learn-list li:nth-child(1) {
    width: 33.33%;
}

.learn-list li:nth-child(2) {
    width: 33.33%;
}

.learn-list li:nth-child(3) {
    width: 33.33%;
    /* position: absolute; */
    /* right: 0px; */
    /* top: -162px; */
}

.learn-list li:nth-child(4) {}

.learn-list li:nth-child(5) {}

.learn-list li:nth-child(5) a img {}

.learn-list li a img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Frequently {
    background: url(../img/Frequently-bg.png) no-repeat;
    background-size: 100% auto;
    margin-top: 60px;
    padding: 60px 0px;
    background-color: #73b9eb;
}

.Frequently-owl {
    margin-top: 40px;
}

.Frequently-owl .item {}

.Frequently-owl .item a {
    background-color: #fff;
    display: block;
    padding: 30px 20px 50px 20px;
}

.Frequently-owl .item a img {
    width: 80px;
    display: block;
    margin: 20px auto 25px;
}

.Frequently-owl .item a h4 {
    position: static !important;
    background-color: transparent !important;
    padding: 30px 0px !important;
    border-top: 1px rgb(134, 133, 138) solid;
    border-bottom: 1px rgb(134, 133, 138) solid;
    height: 194px;
}

.Frequently-owl .item a h4 p {
    color: #21252b;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Frequently-owl .owl-nav {
    text-align: center;
    margin-top: 30px;
}

.Frequently-owl .owl-nav [class*=owl-] {
    border: none;
    background-color: #fff;
    margin: 10px;
    width: 41px;
    border-radius: 100%;
    padding: 4px 0px;
    color: #21252b;
    height: 41px;
    line-height: 2.1;
    font-size: 16px;
}

.Frequently-owl .owl-nav::before {
    font-size: 22px;
    color: #303030;
}

.Frequently-owl .owl-nav [class*=owl-]:hover {
    background-color: #303030;
    color: #fff;
}

.Frequently-owl .item a h4:hover p {
    color: #73b9eb;
}

.Frequently-bottom {
    background-color: #60abe1;
    margin-top: -1px;
    padding: 80px 0px;
}

.Frequently-bottom ul {}

.Frequently-bottom ul li {}

.Frequently-bottom ul li a {
    display: block;
    background: url(../img/Frequently-bg1.png) no-repeat;
    background-size: 94% 100%;
    padding: 30px 30px 30px 50px;
    transition: none;
    background-color: #74baeb;
}

.Frequently-bottom ul li a:hover {
    background: #fff;
}

.Frequently-bottom ul li a img {
    display: block;
    width: 100px;
    float: left;
    padding-left: 0px;
    margin-top: -1px;
}

.Frequently-bottom ul li a p {
    font-size: 23px;
    line-height: 32px;
    float: left;
    width: calc(100% - 100px);
    padding-left: 20px;
    color: #fff;
    margin-bottom: 0px;
    height: 100px;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.Frequently-bottom ul li a:hover p {
    color: #21252b;
}

.footer {
    background-color: #003366;
    border-top: 5px #00254a solid;
    padding: 15px 0px 50px;
}

.footer .footer-logo {
    width: 26%;
    float: left;
}

.footer .footer-logo img {
    width: 190px;
    margin-top: 13px;
}

.footer .footer-links {
    width: 43%;
    float: left;
}

.footer .footer-links .link-list {}

.footer .footer-links .link-list>li {
    background-color: #73b9eb;
}

.footer .footer-links .link-list>li>a {
    color: #fff;
    font-size: 18px;
    padding: 15px 15px;
    display: block;
}

.footer .footer-links .link-list>li>a span {
    position: absolute;
    right: 0px;
    top: 0px;
}

.footer .footer-links .link-list>li>a span img {
    height: 57px;
}

.footer .footer-links .link-list>li ul {
    width: 100%;
    max-height: 263px;
    overflow-y: auto;
    background-color: #73b9eb;
    border-right: 1px rgba(255, 255, 255, 0.5) solid;
    bottom: 0px;
    padding-right: 10px;
    margin: 0px;
    padding: 0px;
}

.footer .footer-links .link-list>li ul li {}

.footer .footer-links .link-list>li ul li a {
    font-size: 20px;
    color: #fff;
    padding: 12px 20px;
    border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
    border-right: 1px rgba(255, 255, 255, 0.3) solid;
    white-space: break-spaces;
}

.footer .footer-links .link-list>li ul li a:hover {
    background-color: #68acde;
}

.footer .footer-links .link-list>li ul::-webkit-scrollbar {
    width: 12px;
    margin-right: 10px;
}

.footer .footer-links .link-list>li ul::-webkit-scrollbar-track {
    background-color: #549dd1;
}

.footer .footer-links .link-list>li ul::-webkit-scrollbar-thumb {
    background-color: #003366;
    border-radius: 10px;
}

.Copyright {
    color: #a5a5a5;
    font-size: 14px;
    text-align: right;
    margin: 30px 0px 30px 0px;
}

.goTop {
    width: 110px;
    height: 50px;
    display: block;
    margin: 0px auto 40px;
}

.search-box {
    position: absolute;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 1;
    height: 100%;
    display: none;
    z-index: 9999;
}

.search-box #searchForm {
    margin-top: 200px;
}

.search-box #searchForm .input {
    text-align: center;
}

.search-box #searchForm .input::-moz-placeholder {
    color: #fff;
    line-height: 40px;

    opacity: 1;
}

/* .search-box #searchForm  .input input:focus,
.search-box #searchForm  .input input:focus-visible, */
.search-box #searchForm .input input {
    height: 75px;
    width: 70%;
    border-radius: 50px !important;
    padding: 0px 160px 0px 30px;
    font-size: 20px;
    background-color: #73b9eb !important;
    border: none !important;
    color: #fff;
}

.search-box #searchForm .input input::placeholder {
    color: #fff;
}

.search-box #searchForm .input button {
    margin-left: -160px;
    height: 75px;
    border: none;
    width: 160px;
    font-size: 20px;
    border-radius: 35px;
    background-color: transparent;
    color: #fff;
    position: relative;
}

.search-box #searchForm .input button::before {
    content: '';
    width: 1px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    left: 10px;
    top: 18px;
}

.search-box .text-hot {
    width: 70%;
    margin: 30px auto 0px;
}

.search-box .text-hot h4 {
    font-size: 20px;
    display: inline-block;
    padding-left: 30px;
    font-weight: bold;
    padding-right: 10px;
}

.search-box .text-hot a {
    font-size: 20px;
    display: inline-block;
    margin: 0px 15px;
}

.share1 {
    display: none;
    position: fixed;
    right: 0px;
    top: 300px;
    z-index: 3;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.share1 ul {}

.share1 ul li {
    position: relative;
}

.share1 ul li a {}

.share1 ul li img {}

#iphone-search,
.share2,
.iphone-icon {
    display: none;
}

.close-menu {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 12px;
    font-weight: 300;
    display: none;
}

.leammore1 {
    display: none;
}

.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav,
.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav:hover,
.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav {
    width: 20px;
    height: 20px !important;
    background-image: url(../img/close.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    right: 15px;
    position: absolute;
    background-color: transparent;
    transition: none;
    left: auto;
    z-index: 9;
    top: 10px;
}

.ma-infinitypush-wrapper .ma-infinitypush .ma-infinitypush-close-subnav::before {
    opacity: 0;
}

.breadcrumb {
    background-color: transparent;
    margin-top: 15px;
    margin-bottom: 30px;
}

.breadcrumb>li {
    font-size: 20px;
    color: #21252b !important;
}

.breadcrumb>li a {
    color: #21252b !important;
}

.welcom {
    background-color: #e8f5ff;
    margin-bottom: 50px;
}

.welcom-left {}

.welcom-left img {
    max-width: 100%;
}

.welcom-right {
    padding-left: 30px;
}

.welcom-right h4 {
    color: #21252b;
    font-size: 34px;
    font-weight: bold;
    margin-top: 34px;
}

.welcom-right p {
    font-size: 16px;
}

.leammore2 {
    float: left;
    color: #21252b;
    margin-top: 10px;
}

.public-title-color-fff a:hover,
.public-title-color-fff a {
    color: #fff !important;
}

.search-for {
    background: url(../img/search-for.png) no-repeat;
    background-size: 100% 100%;
    padding: 50px 0px;
    background-color: #036;
    margin-bottom: 50px;
}

.search-icon-list {
    margin-top: 20px !important;
}

.search-icon-list li {
    width: 11.11111%;
    float: left;
}

.search-icon-list li a {}

.search-icon-list li a div.btn {
    background-color: #fff;
    border-radius: 100%;
    height: 90px;
    width: 90px;
    line-height: 5.3;
    display: block;
    margin: 0px auto;
    transition: all 0.5s;
}

.search-icon-list li a div.btn:hover {
    transform: scale3d(1.07, 1.07, 1.07);
}

.search-icon-list li a div.btn:hover img {}

.search-icon-list li a div.btn i {
    background-image: -webkit-linear-gradient(left, #58b7c9, #3799d8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 46px;
}

.search-icon-list li a div.btn img {
    width: auto;
    height: 40px;
}

.search-icon-list li a p {
    color: #fff;
    text-align: center;
    font-size: 16px !important;
    text-overflow: inherit !important;
    line-height: 1.3;
    white-space: initial !important;
}

.shanghai-div {
    background-color: #e8f5ff;
    margin: 0px -15px 50px;
}

.shanghai-img {
    padding: 0px;
}

.shanghai-img img {
    max-width: 100%;
}

.shanghai-text {
    padding-top: 30px;
}

.shanghai-text .shanghai-border {
    border-left: 4px #3c97d9 solid;
    padding-left: 25px;
    margin-left: 30px;
}

.shanghai-text .shanghai-border h4 {
    font-size: 22px;
    color: #2e3339;
    font-weight: bold;
}

.shanghai-text .shanghai-border p {
    font-size: 16px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
}

.shanghai-text .shanghai-border .leammore2 {
    float: right;
    margin-top: 0px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.float-left .shanghai-text {
    padding-right: 30px;
}

.float-right .shanghai-text {
    padding-right: 30px;
}

.twomenu-banner {}

.banner-title {
    position: relative;
    color: #Fff;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -90px;
    margin-bottom: 50px;
    text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.7);
}

.shanghai-wantto {
    margin: 0px -15px 50px;
}

.wantto-img {
    padding: 0px;
}

.shanghai-text {}

.wantto-text {
    margin-top: 40px;
    padding-left: 30px;
}

.wantto-text ul {
    background: linear-gradient(to right, #fff 0%, transparent 70%);
    padding: 25px 40px;
}

.wantto-text ul li {
    padding: 7px 0px;
}

.wantto-text ul li a {
    font-size: 18px;
    /* display: block; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
}

.wantto-text a.btn {
    border-radius: 20px;
    color: #fff;
    margin-top: 15px;
    margin-bottom: 20px;
    float: right;
    margin-right: 40px;
}

.wantto-text a.btn:hover {
    color: #fff !important;
}

.shanghai-wantto1 {
    background-color: #e5fbff;
}

.shanghai-wantto2 {
    background-color: #e4f2fe;
}

.shanghai-wantto3 {
    background-color: #ebfff4;
}

.shanghai-wantto4 {
    background-color: #e4f2fe;
}

.shanghai-wantto5 {
    background-color: #f9f2ff;
}

.shanghai-wantto1 .wantto-text a.btn {
    background-color: #58b7c9;
}

.shanghai-wantto2 .wantto-text a.btn {
    background-color: #194266;
}

.shanghai-wantto3 .wantto-text a.btn {
    background-color: #13c367;
}

.shanghai-wantto4 .wantto-text a.btn {
    background-color: #4e5dc3;
}

.shanghai-wantto5 .wantto-text a.btn {
    background-color: #9362b7;
}

.size-34 {
    font-size: 34px !important;
}

.Talent-list {
    margin-bottom: 50px;
}

.Talent-list li {
    margin-bottom: 20px;
    padding: 50px 35px;
}

.Talent-list li:nth-child(1) {
    background: linear-gradient(45deg, #92e2f7, #78c3f9);
}

.Talent-list li:nth-child(2) {
    background-color: #e8f5ff;
}

.Talent-list li:nth-child(3) {
    background-color: #ecf1f5;
}

.Talent-list li a {}

.Talent-list li a img {
    width: 300px;
    float: right;
    height: auto;
}

.Talent-list li a .Talent-list-text {
    width: calc(100% - 300px);
    float: left;
    text-align: center;
}

.Talent-list li a .Talent-list-text h4 {
    text-align: left;
    color: #21252b;
    border-radius: 20px;
    display: block;
    padding: 5px 15px;
    font-size: 34px;
    font-weight: bold;
}

.Talent-list li a .Talent-list-text p {
    text-align: center;
    font-size: 20px;
    margin-top: 50px;
    width: 85%;
    background: linear-gradient(45deg, #a8ebff, #a8ebff);
    padding: 25px 0px;
    border-radius: 50px;
    color: #21252b;
}

.Talent-list li a .Talent-list-text span {
    margin: 0px auto;
    width: 24px;
    text-align: center;
    height: 24px;
    color: #003366;
    border-radius: 100%;
    line-height: 1.6;
    display: inline-block;
    background-color: #fff;
    font-size: 16px;
    margin-left: 50px;
}

.Talent-list li:nth-child(1) a .Talent-list-text h4,
.Talent-list li:nth-child(1) a .Talent-list-text span {}

.Talent-list li:nth-child(2) a .Talent-list-text h4,
.Talent-list li:nth-child(2) a .Talent-list-text span {
    background-color: #1759a3;
}

.Talent-list li:nth-child(3) a .Talent-list-text h4,
.Talent-list li:nth-child(3) a .Talent-list-text span {
    background-color: #19486c;
}

.Service-Guide-list {
    border-top: 2px #bccde4 solid;
    margin-bottom: 50px;
}

.Service-Guide-list li {
    line-height: 2;
    border-bottom: 1px #bccde4 solid;
}

.Service-Guide-list li a {
    font-size: 20px;
    padding: 12px 28px 12px 0px;
    display: block;
    position: relative;
}

.Service-Guide-list li a i {
    color: #1759a3;
}

.Service-Guide-list li a img {
    width: 25px;
    height: auto;
    padding-right: 2px;
}

.Service-Guide-list li a i:nth-child(2) {
    float: right;
    background-color: #e8f5ff;
    border-radius: 100%;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 22px;
}

.Talent-right {
    background-color: #e8f5ff;
    padding: 60px 20px 40px;
}

.Talent-right-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

.Talent-right-list1 {
    padding-left: 18px;
    margin-bottom: 25px;
}

.Talent-right-list1 li {
    padding: 12px 0px;
    list-style: disc;
    color: #999;
}

.Talent-right-list1 li a {
    font-size: 20px;
    display: block;
    line-height: 1.3;
}

.Talent-right-list2 {}

.Talent-right-list2 li {
    border-bottom: 1px #c7def0 solid;
}

.Talent-right-list2 li a {
    display: block;
    font-size: 20px;
    line-height: 1.3;
    padding: 20px 0px;
}

.Talent-right-list3 li {
    border: none;
}

.Talent-right-list3 li a {
    background-color: #fff;
    padding: 0px;
    display: block;
}

.Talent-right-list3 a img {}

.Talent-right-list3 a p {
    padding: 10px 30px;
    font-size: 20px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.dobusiness-owl {
    background-color: #e8f5ff;
    padding: 50px 0px 65px;
}

#certify {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.shop-editor #certify {
    padding: 0px 50px;
}

#certify .swiper-container {}

#certify .swiper-slide {
    width: 48%;
    opacity: 0 !important;
}

.shop-editor #certify .swiper-slide {
    opacity: 1 !important;
}

#certify .swiper-slide-prev,
#certify .swiper-slide-active,
#certify .swiper-slide-next {
    opacity: 1 !important;
}

#certify .swiper-slide img {
    display: block;
    height: 380px;
    object-fit: cover;
}

#certify .swiper-slide p {
    padding-top: 0;
    text-align: left;
    color: #fff;
    margin: 0;
    position: absolute;
    bottom: 28px;
    padding-left: 35px;
    font-size: 18px;
    /* display: -webkit-box; */
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 1; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: break-spaces; */
    text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    width: 100%;
    left: 0px;
    bottom: 0px;
    padding: 30px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), transparent);
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: 0px;
    background-image: none;
    background-color: #036;
    color: #fff;
    font-size: 20px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1.8;
    border-radius: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: 0px;
    background-image: none;
    background-color: #036;
    color: #fff;
    font-size: 20px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1.8;
    border-radius: 100%;
}

.Invest-owl .owl-item .item a {}

.Invest-owl .owl-item .item h4 {
    text-align: left;
    font-weight: bold;
    background-color: #f4fbf9 !important;
    border: 2px #d5e9e4 solid;
    margin: 27px auto;
    width: 80%;
    padding: 10px;
    display: flex;
    height: 75px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.Invest-owl .owl-item .item span {
    background-color: transparent;
    text-align: center;
    display: block;
    font-weight: 500;
}

.Why-Shanghai {
    margin-top: 60px;
}

.Why-Shanghai-list {
    margin: 0px;
}

.Why-Shanghai-list li {
    padding: 0px;
}

.Why-Shanghai-list li {
    background-image: linear-gradient(140deg, #ade3e7 0%, #7bc0eb 40%);
    display: block;
    padding: 30px 20px;
}

.Why-Shanghai-list li img {
    margin-top: 0px;
    height: 60px;
    width: auto;
    margin: 10px auto 0px;
    display: block;
}

.Why-Shanghai-list li div {
    width: 100%;
    padding-left: 0px;
}

.Why-Shanghai-list li div h4 {
    margin-bottom: 2px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

.Why-Shanghai-list li div h4 span {
    font-size: 24px;
    color: #1759a3;
    font-weight: bold;
    margin-top: 7px;
    display: inline-block;
    padding-right: 5px;
}

.Why-Shanghai-list li a div p {
    font-size: 24px;
    color: #82bfb2;
    margin-bottom: 0px;
}

.Why-Shanghai-list li a div p i {
    width: 14px;
    display: inline-block;
}

.Why-Shanghai-list li a div p b {}

.Handy-Resources {
    position: relative;
    padding: 60px 0px;
}

.Handy-Resources::before {
    content: '';
    height: calc(100% - 220px);
    width: 100%;
    position: absolute;
    background-color: #e8f5ff;
    bottom: 0px;
}

.Handy-Resources-list {}

.Handy-Resources-list li {}

.Handy-Resources-list li a {
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 10px 15px;
    margin: 10px 0px;
    border-radius: 10px;
    border: 2px #e1eaf3 solid;
}

.Handy-Resources-list li a i {
    font-size: 42px;
    color: #1759a3;
    margin-top: 40px;
    display: block;
}

.Handy-Resources-list li a p {
    color: #1759a3;
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 20px;
    height: 54px;
}

.Handy-Resources-list li a:hover {
    background-color: #79beeb;
}

.Handy-Resources-list li a:hover p,
.Handy-Resources-list li a:hover i {
    color: #fff;
}

.Service-Agencies {
    padding: 60px 0px 0px;
}

.Service-Agencies-list {
    margin-left: -10px;
    margin-right: -10px;
}

.border-right-after::after {
    content: '';
    width: 0.5px;
    height: calc(100% - 80px);
    position: absolute;
    background-color: #bccde4;
    top: 40px;
    right: 0px;
}

.Service-Agencies-list li {
    width: 12.5%;
    float: left;
    padding: 10px 10px;
}

.Service-Agencies-list li a {
    display: block;
    border: 1px #000 solid;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    height: 125px;
}

.Service-Agencies-list li a img {
    height: 48px;
    width: auto;
    margin-top: 15px;
}

.Service-Agencies-list li a p {
    margin-top: 5px;
    line-height: 1.3;
}

.work-shanghai-owl {
    padding: 0px 0px 60px;
}

.work-shanghai-owl #certify .swiper-button-prev,
.work-shanghai-owl #certify .swiper-button-next {
    background-color: #e8f5ff;
    color: #036;
}

.work-shanghai-owl #certify .swiper-button-prev:hover,
.work-shanghai-owl #certify .swiper-button-next:hover {
    color: #fff;
    background-color: #003366;
}

.size-18 {
    font-size: 18px !important;
}

.Service-Guide {
    background-color: #e3f4f0;
    padding: 60px 0px 20px;
    margin-bottom: 60px;
}

.Service-Guide-div {
    position: relative;
    padding: 40px 0px 40px 35px;
    border-bottom: 1px #bccde4 solid;
}

.Service-Guide-div h4 {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-top: 0px;
    margin-bottom: 20px;
}

.Service-Guide-div h4 img {
    width: 25px;
    height: auto;
    position: absolute;
    left: -32px;
    top: -2px;
}

.Service-Guide-div a {
    font-size: 16px;
    color: #1759a3;
    border: 2px #c9e0e6 solid;
    padding: 3px 15px;
    border-radius: 14px;
    margin: 5px;
    display: inline-block;
}

.Service-Guide .Service-Guide-div:last-child {
    border: none;
}

.Job-Opportunities {
    background-color: #eef5ff;
    padding: 50px 0px 60px;
    margin-bottom: 60px;
}

.Job-Opportunities-left {
    padding-top: 10px;
}

.Job-Opportunities-left a {
    padding-right: 100px;
    border-right: 2px #c4def0 solid;
    display: block;
}

/* .Job-Opportunities-left ul li{

text-align: right;
}
.Job-Opportunities-left ul li a{

font-size: 20px;

background-color: #fff;

border: 2px #c4def0 solid;

padding: 4px 10px;

margin-bottom: 10px;

display: inline-block;

border-radius: 8px;
}
.Job-Opportunities-left ul li:last-child a{
margin-bottom: 0px;
} */
.Job-Opportunities-right {
    padding-top: 10px;
}

.Job-Opportunities-right ul {
    padding-left: 70px;
}

.Job-Opportunities-right ul li {
    padding-bottom: 32px;
}

.Job-Opportunities-right ul li a {
    font-size: 18px;
    display: block;
}

.Job-Opportunities-right ul li span {
    display: block;
    font-size: 18px;
    margin-top: 5px;
}

.Job-Opportunities-right ul li:last-child {
    padding-bottom: 0px;
}

.Expats-Stories {
    margin-bottom: 80px;
    margin-top: 70px;
}

.Expats-Stories-list {}

.Expats-Stories-list li {}

.Expats-Stories-list li a {
    display: block;
    background-color: #ecf7f4;
    padding: 0px 0px 10px 0px;
    overflow: hidden;
}

.Expats-Stories-list li a img {
    transition: all 0.5s;
    height: 244px;
    object-fit: cover;
}

.Expats-Stories-list li a img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Expats-Stories-list li a p {
    font-size: 20px;
    line-height: 1.3;
    margin: 15px 25px 5px;
    height: 78px;
    /*
display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

text-overflow: ellipsis; */
}

.Expats-Stories-list li a p span {
    display: inline-block !important;
    width: auto !important;
    font-size: 18px;
    letter-spacing: 0px !important;
    position: relative;
    color: #5dafeb;
    padding-right: 15px;
    overflow: visible !important;
}

.Expats-Stories-list li a p span::after {
    content: '';
    width: 2px;
    height: 18px;
    background-color: #5dafeb;
    position: absolute;
    right: 6px;
    top: 3px;
}

.Most-requested {
    background-color: #eef5ff;
    padding: 50px 0px 40px;
    margin-bottom: 60px;
}

.Most-requested-list {
    padding-left: 18px;
    padding-top: 10px;
}

.Most-requested-list li {
    list-style: disc;
    color: #999;
    line-height: 1.3;
    padding-left: 5px;
    padding-bottom: 25px;
}

.Most-requested-list li a {
    font-size: 20px;
    display: block;
    width: 95%;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Service-Guide .col-sm-6:nth-child(1) {
    padding-right: 30px;
}

.Service-Guide .col-sm-6:nth-child(2) {
    padding-left: 30px;
}

.Article-pag {}

.Article-page-right {}

.Article-title {
    padding: 0px;
    margin-top: 0px;
    font-size: 46px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
}

.Article-time {
    font-size: 18px;
    color: #666;
    line-height: 0.1;
    margin: 30px 0px;
}

.Article-time span {
    font-size: 18px;
    color: #666;
    padding: 0px 15px;
    line-height: 1.5;
}

#share-2 {
    margin: 18px 0px;
}

#share-2 .social-share-icon {}

.Article_content {
    border: none;
    padding-bottom: 0px;
}

.Article_content ul li,
.Article_content ol li,
.Article_content p {
    font-size: 24px;
    line-height: 1.7;
    margin-bottom: 20px;
    word-wrap: break-word;
}

.Article_content img {
    width: auto;
    max-width: 100%;
}

.Article_content p span {
    /* font-size: 20px;

color: #999;

line-height: 1.3;

display: block;

padding-top: 5px; */
}

.Article_content ul li {
    list-style: inherit;
}

.Article_content ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: auto;
    -webkit-margin-after: auto;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    -webkit-padding-start: initial;
    padding: revert;
}

.Article-page-bottom {
    margin-top: 20px;
    padding-bottom: 60px;
}

.Article-page-left .Talent-right-list3 li {
    margin-bottom: 30px;
}

.Article-page-left .Talent-right-list3 li a p {
    margin-bottom: 0px;
}

.Article-page-left .Talent-right-list3 li a span {
    padding: 0px 30px 25px;
    font-size: 16px;
    display: block;
    font-weight: bold;
}

.Article_content table {
    border: none !important;
    width: 80% !important;
    margin: 0px auto 20px;
}

.Article_content table tr td p {
    text-align: center;
    margin-bottom: 0px;
}

.Article_content table tr td {
    border-width: 1px !important;
    border-style: solid;
    padding: 0px 10px !important;
    font-size: 24px;
}

.leammore4 i,
.leammore4 {
    margin-top: 0px;
    color: #21252b;
}

.imgs-list {}

.imgs-list ul {}

.imgs-list ul li {
    margin-bottom: 15px;
}

.imgs-list ul li a {
    display: block;
    overflow: hidden;
}

.imgs-list ul li a img {
    height: 180px;
    object-fit: cover;
}

.imgs-list ul li a p {
    margin-bottom: 0px;
    height: 66px;
    font-size: 20px;
    line-height: 1.1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 7px;
}

.imgstext-list {}

.imgstext-list ul.picTextList {}

.imgstext-list ul.picTextList li {
    margin-bottom: 30px;
}

.imgstext-list ul.picTextList li a:hover {
    background-color: transparent;
}

.imgstext-list ul.picTextList li a .ImgCrop {
    margin-right: 20px;
    width: 261px;
    height: 175px;
}

.imgstext-list ul.picTextList li a .ImgCrop img {}

.imgstext-list ul.picTextList li a .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0px;
    line-height: 1.2;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgstext-list ul.picTextList li a .date {
    font-size: 16px;
    color: #666;
}

.imgstext-list ul.picTextList li a .detail {
    font-size: 20px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0px;
    margin-top: 17px;
}

.menu-leftdiv {
    background-color: #eef5ff;
    padding: 35px;
}

.menu-left {}

.menu-left>li {
    margin-bottom: 25px;
}

.menu-left>li>a {
    font-size: 20px;
    color: #666;
}

.menu-left>li>a:hover {}

.menu-left>li.active>a {
    color: #003366;
    font-weight: bold;
    display: block;
    padding-right: 30px;
    position: relative;
}

.menu-left>li.active>a::after {
    content: '';
    border-top: 10px transparent solid;
    border-left: 15px #003366 solid;
    border-bottom: 10px transparent solid;
    position: absolute;
    right: 0px;
    top: calc(50% - 8px);
}

.menu-left li:last-child {
    margin-bottom: 0px;
}

.Government {}

.Government-list {
    margin-top: 30px;
}

.Government-list li {
    text-align: center;
}

.Government-list li a {}

.Government-list li a img {
    height: 280px;
    width: auto;
}

.Government-list1 li a img {
    height: 220px;
}

.Government-list li a h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 26px;
}

.Government-list li a p {
    font-size: 18px;
}

.Government-list1 li {
    float: left;
    width: 25%;
}

.Government-left-title {
    border-bottom: 1px #1759a3 solid;
    margin-bottom: 20px;
    margin-top: 25px;
}

.Government-left-title span {
    font-size: 20px;
    background-color: #1759a3;
    color: #fff;
    padding: 14px 30px;
    display: inline-block;
}

.Government-left-list {
    box-sizing: border-box;
}

.Government-left-list li {
    min-width: 20%;
    float: left;
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.Government-left-list li a {}

.Government-right-list {
    padding-bottom: 20px;
}

.Government-right-list li {
    background-color: #fff;
    margin-bottom: 25px;
    padding: 25px 30px;
}

.Government-right-list li a {
    font-size: 20px;
}

.Master-Plan-btn {
    display: block;
    background-color: #1759a3;
    padding: 30px 40px;
}

.Master-Plan-btn p {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #fff;
    line-height: 1;
}

.Master-Plan-btn span {
    font-size: 28px;
    color: #7cc8ff;
    margin-bottom: 0px;
    font-weight: bold;
    display: block;
    margin-top: 6px;
}

.Master-Plan-btn span i {
    color: #fff;
    margin-left: 15px;
    font-size: 24px;
    font-weight: 500;
}

.Departments {
    background-color: #e8f5ff;
    padding: 50px 0px;
    margin-top: 90px;
}

.Departments .public-title a span {
    font-size: 18px;
    margin-left: 20px;
    font-weight: 500;
}

.Departments-list {
    padding: 30px 0px;
}

.Departments-list li {
    padding: 5px 15px;
}

.Departments-list li a {
    font-size: 20px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.Choose-University {}

.Choose-University-owl {
    padding-bottom: 60px;
}

.Choose-University-owl .swiper-slide {
    /* margin-bottom: 15px; */
    margin-top: 0px !important;
}

.Choose-University-owl .swiper-slide a {
    overflow: hidden;
}

.Choose-University-owl .swiper-slide a>img {
    transition: all 0.5s;
    height: 180px;
    object-fit: cover;
}

.Choose-University-owl .swiper-slide a>img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Choose-University-owl .swiper-slide a h4 {
    position: relative;
    background: transparent;
    color: #21252b;
    font-size: 20px;
    padding-left: 50px;
    height: 68px;
    overflow: hidden;
}

.Choose-University-owl .swiper-slide a:hover h4 {
    background-color: transparent !important;
}

.Choose-University-owl .swiper-slide a h4 img {
    width: auto;
    position: absolute;
    left: 0px;
    height: auto;
    max-width: 40px;
}

.Choose-University-owl .swiper-button-next1,
.Choose-University-owl .swiper-button-prev1 {
    bottom: 0px;
    top: auto;
    background-image: none;
    width: 41px;
    border-radius: 100%;
    border: none;
    margin: 0px 7px;
    background-color: #d9ece7;
    padding: 4px 0px;
    height: 41px;
    color: #003366;
    line-height: 2.1;
    font-size: 16px;
    text-align: center;
    position: absolute;
}

.Choose-University-owl .swiper-button-next1 {
    right: calc(50% - 55px);
}

.Choose-University-owl .swiper-button-prev1 {
    left: calc(50% - 55px);
}

.Choose-University-owl .swiper-button-next1:hover,
.Choose-University-owl .swiper-button-prev1:hover {
    background-color: #003366;
    color: #fff;
}

.Scholarships {
    background-color: #e8f5ff;
    margin-top: 120px;
}

.Scholarships-top {
    position: relative;
    top: -60px;
}

.Scholarships-left {
    cursor: pointer;
    background: url(../img/Scholarships-left.png) no-repeat;
    height: 360px;
    background-size: 100% 100%;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Scholarships-right {
    background: url(../img/Scholarships-right.png) no-repeat;
    height: 360px;
    background-size: 100% 100%;
    padding: 30px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.Scholarships-left h4,
.Scholarships-right h4 {
    font-size: 34px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.Scholarships-right h4 {
    margin: 0px;
}

.Scholarships-left p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.Short-term {
    background-color: #e3f4f0;
    margin-top: 60px;
    padding-top: 50px;
    margin-bottom: 50px;
}

.Short-term-container {
    background: url(../img/Short-term.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: -50px;
}

.Short-term-container::before {
    content: '';
    background-color: rgba(23, 89, 163, 79%);
    position: absolute;
    height: 100%;
    right: 0px;
    top: 0px;
}

.Short-term .container1 {
    margin-left: 0px;
}

.Short-term-list {
    margin-left: -15px;
    background-color: rgba(23, 89, 163, 79%);
    width: 45%;
    padding: 30px 35px 10px 60px;
}

.Short-term-list li {
    line-height: 2;
    padding: 5px 0px 10px 20px;
    position: relative;
}

.Short-term-list li::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #46bfad;
    position: absolute;
    border-radius: 100%;
    left: 0px;
    top: 13px;
}

.Short-term-list li a {
    font-size: 21px;
    color: #fff;
    line-height: 1.2;
}

.Short-term-more {
    background-color: #000;
    color: #fff;
    width: 170px;
    display: block;
    text-align: center;
    padding: 15px 0px;
    border-radius: 30px;
    font-size: 18px;
    margin-left: 24px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.Editors-Picks {
    background-color: #eaf7f4;
    padding-top: 50px;
    margin-bottom: 133px;
    height: 480px;
}

.Editors-Picks-container {
    background: url(../img/Editors-Picks.png) no-repeat;
    background-size: 100% 100%;
    height: 400px;
}

.Editors-Picks-container .container1 {
    margin-left: 0px;
}

.Editors-Picks-left {
    padding-left: 30px;
    padding-top: 70px;
    overflow: hidden;
}

.Editors-Picks-left img {
    transition: all 0.5s;
}

.Editors-Picks-left img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Editors-Picks-left h4 {
    font-size: 18px;
}

.Editors-Picks-right {
    padding-top: 20px;
    overflow: hidden;
    padding-left: 50px;
    padding-right: 65px;
    position: relative;
}

.Editors-Picks-right .swiper-container {
    /* width: 100%; */
    height: 410px;
    overflow: hidden;
}

/* .Editors-Picks-right li{

width: 50%;

float: left;

padding: 0px 10px;
} */
.Editors-Picks-right .swiper-slide {
    width: 27% !important;
}

.Editors-Picks-right .swiper-wrapper {}

.Editors-Picks-right .swiper-slide.swiper-slide-active {
    width: 46% !important;
}

.Editors-Picks-right .swiper-slide a {
    overflow: hidden;
    display: block;
    background-color: #cae6e0;
    padding-bottom: 20px;
}

.Editors-Picks-right .swiper-slide a img {
    transition: all 0.5s;
    height: 165px;
    object-fit: cover;
}

.Editors-Picks-right .swiper-slide a img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Editors-Picks-right .swiper-slide a p {
    margin: 35px 40px;
    font-size: 18px;
    text-align: left;
    min-height: 54px;
}

.Editors-Picks-right .swiper-slide a span {
    padding: 12px 15px;
    background-color: #fff;
    font-size: 12px;
    border-radius: 30px;
    font-weight: bold;
    width: 110px;
    display: block;
    text-align: center;
    margin: 0px 30px 30px 35px;

}

.Editors-Picks-right .swiper-slide a:hover {
    background-color: #003366;
}

.Editors-Picks-right .swiper-slide a:hover p {
    color: #fff;
}

.Editors-Picks-right .swiper-slide a:hover span {
    background-color: #cae6e0;
}

.Editors-Picks-right .swiper-slide.swiper-slide-active a {
    background-color: transparent !important;
}

.Editors-Picks-right .swiper-slide.swiper-slide-active a img {
    height: 350px;
}

.Editors-Picks-right .swiper-slide.swiper-slide-active a p {
    padding: 5px 0px;
    color: #21252b !important;
    margin: 0px;
    min-height: auto;
}

.Editors-Picks-right .swiper-slide.swiper-slide-active a span {
    display: none;
}

.Editors-Picks-right .swiper-button-prev1,
.Editors-Picks-right .swiper-button-prev2,
.Editors-Picks-right .swiper-button-prev3,
.Editors-Picks-right .swiper-button-prev4,
.Editors-Picks-right .swiper-button-prev5,
.Editors-Picks-right .swiper-button-next1,
.Editors-Picks-right .swiper-button-next2,
.Editors-Picks-right .swiper-button-next3,
.Editors-Picks-right .swiper-button-next4,
.Editors-Picks-right .swiper-button-next5 {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.Editors-Picks-right .swiper-button-prev1,
.Editors-Picks-right .swiper-button-prev2,
.Editors-Picks-right .swiper-button-prev3,
.Editors-Picks-right .swiper-button-prev4,
.Editors-Picks-right .swiper-button-prev5 {


    left: 0px;
    background-image: none;
    background-color: #fff;
    color: #036;
    font-size: 20px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1.8;
    border-radius: 100%;
}

.Editors-Picks-right .swiper-button-prev1:hover,
.Editors-Picks-right .swiper-button-prev2:hover,
.Editors-Picks-right .swiper-button-prev3:hover,
.Editors-Picks-right .swiper-button-prev4:hover,
.Editors-Picks-right .swiper-button-prev5:hover {
    background-position: 0 -46px;
    background-size: 100%
}

.Editors-Picks-right .swiper-button-next1,
.Editors-Picks-right .swiper-button-next2,
.Editors-Picks-right .swiper-button-next3,
.Editors-Picks-right .swiper-button-next4,
.Editors-Picks-right .swiper-button-next5 {
    right: 15px;
    background-image: none;
    background-color: #fff;
    color: #036;
    font-size: 20px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 1.8;
    border-radius: 100%;
}

.Popular-Destinations {
    margin: 60px 0px;
}

.Popular-Destinations-owl .owl-item>.item>a>.title {
    background-color: rgb(23 89 163 / 80%);
    font-size: 20px;
    padding: 20px 10px;
    text-align: center;
}

.Popular-Destinations-owl .owl-item>.item>a {
    overflow: hidden;
    display: block;
}

.Popular-Destinations-owl .owl-item>.item>a>img {
    height: 253px;
    object-fit: cover;
    transition: all 0.5s;
}

.Popular-Destinations-owl .owl-item>.item>a>img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Popular-Destinations-owl .owl-item>.item>a>.title span {
    text-align: center;
    width: 90%;
    text-overflow: initial;
    overflow: initial;
    white-space: normal;
}

.Food-Beverage {}

.Food-Beverage-left {}

.Food-Beverage-left img {}

.Food-Beverage-left p {
    font-size: 20px;
    background-color: #ecf7f4;
    padding: 40px 30px 39px;
    margin-bottom: 0px;
}

.Food-Beverage-center {
    background-color: #ecf7f4;
    padding: 30px 30px 58px;
    background: linear-gradient(145deg, #f3f5c9, #73b9eb);
}

.Food-Beverage-center::before {
    content: '';
    width: 137px;
    height: 190px;
    /* background: url(../img/food-center-bg.png) no-repeat; */
    position: absolute;
    bottom: 0px;
    right: 35px;
}

.Food-Beverage-center .Food-Beverage-center-border {
    padding-bottom: 10px;
    margin-top: 10px;
    position: relative;
    z-index: 1;
}

.Food-Beverage-center .Food-Beverage-center-border h4 {
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
}

.Food-Beverage-center .Food-Beverage-center-border a {
    font-size: 16px;
    background-color: #fff;
    margin: 20px 2px 15px;
    padding: 8px 20px;
    border-radius: 20px;
    display: block;
}

.Food-Beverage-center-more {
    font-size: 16px;
    margin-top: 11px;
    display: inline-block;
    color: #fff;
    display: block;
    text-align: center;
}

.Food-Beverage-right {
    /* background-color: #ffe2b6; */
    /* padding: 77px 30px; */
    margin-bottom: 30px;
}

.Food-Beverage-right img {
    margin: 0px auto;
    display: block;
}

.Food-Beverage-right select {
    display: block;
    width: 100%;
    height: 45px;
    margin-top: 30px;
    border-radius: 10px !important;
    border: none !important;
    font-size: 16px;
    color: #000;
    padding: 0px 30px 0px 20px;
    position: relative;
    background-image: url(../img/select-bg.png);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 45px;
    background-position-x: right;
    appearance: none;
    -webkit-appearance: none;
    overflow-y: auto;
}

.Things-to {

    padding: 50px 0px 30px;

    margin: 60px 0px 0px;

    position: relative;
}

.Things-to::before {
    content: '';
    background-color: #e8f5ff;
    width: 100%;
    height: calc(100% - 120px);
    position: absolute;
    top: 0px;
    left: 0px;
}

.Things-to-list {}

.Things-to-list li a {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 15px 0px;
}

.Things-to-list li a img {
    transition: all 0.5s;
    height: 270px;
    object-fit: cover;
}

.Things-to-list li a img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Things-to-list li a h4 {
    position: absolute;
    bottom: 0px;
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
    width: 100%;
    margin: 0px;
    padding: 30px 10px;
    text-align: center;
    font-size: 20px;
}

.Things-to-list li span {
    background-color: #e8f5ff;
    font-size: 22px;
    color: #1759a3;
    position: absolute;
    right: -35px;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 100%;
    top: calc(50% - 45px);
    z-index: 1;
    line-height: 3;
}

.Events-Activities {
    margin-bottom: 60px;
}

.Events-Activities-list {}

.Events-Activities-list li {}

.Events-Activities-list li a {}

.Events-Activities-list li a img {}

.Events-Activities-list li a .Events-Activities-list-text {
    background-color: #e8f5ff;
    padding: 25px;
    min-height: 390px;
}

.Events-Activities-list li a .Events-Activities-list-text h4 {
    margin-top: 0px;
    font-size: 20px;
    margin-bottom: 13px;
    position: relative;
}

.Events-Activities-list li a .Events-Activities-list-text p {
    font-size: 16px;
}

.Events-Activities-list li a .Events-Activities-list-text span {
    font-size: 15px;
    margin-top: 12px;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 6px;
    color: #fff;
}

.Events-Activities-list li a .Events-Activities-list-text h4::before {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0px;
    top: -25px;
}

.Events-Activities-list li:nth-child(1) a .Events-Activities-list-text span,
.Events-Activities-list li:nth-child(1) a .Events-Activities-list-text h4::before {
    background-color: #1759a3;
}

.Events-Activities-list li:nth-child(2) a .Events-Activities-list-text span,
.Events-Activities-list li:nth-child(2) a .Events-Activities-list-text h4::before {
    background-color: #83a981;
}

.Events-Activities-list li:nth-child(3) a .Events-Activities-list-text span,
.Events-Activities-list li:nth-child(3) a .Events-Activities-list-text h4::before {
    background-color: #6d5d87;
}

.Events-Activities-list li:nth-child(4) a .Events-Activities-list-text span,
.Events-Activities-list li:nth-child(4) a .Events-Activities-list-text h4::before {
    background-color: #404985;
}

.Shopping-Areas {
    margin-bottom: 60px;
    margin-top: 40px;
}

.Shopping-Areas-list {
    padding-bottom: 70px;
}

.Shopping-Areas-list li {}

.Shopping-Areas-list li a {
    overflow: hidden;
    display: block;
    position: relative;
}

.Shopping-Areas-list li a img {
    height: 253px;
    object-fit: cover;
    transition: all 0.5s;
}

.Shopping-Areas-list li a img:hover {
    transform: scale3d(1.05, 1.05, 1.05);
}

.Shopping-Areas-list li a h4 {
    background-color: rgb(23 89 163 / 80%);
    font-size: 20px;
    padding: 20px 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0px;
    color: #fff;
    margin: 0px;
}

.Shopping-Areas-list .owl-nav {
    text-align: center;
    margin-top: 20px;
    display: block;
}

.Shopping-Areas-list .owl-nav [class*=owl-] {
    width: 41px;
    border-radius: 100%;
    border: none;
    margin: 0px 7px;
    background-color: #1759a3;
    padding: 4px 0px;
    height: 41px;
    color: #fff;
    line-height: 2;
    font-size: 17px;
    text-align: center;
}

.Shopping-Areas-list .owl-nav [class*=owl-]:hover {
    background-color: #003366;
    color: #fff;
}

.Special-Offers {
    margin-top: 60px;
    position: relative;
    padding: 50px 0px 60px;
}

.Special-Offers::before {
    content: '';
    background: url(../img/Consumer-Events-bg.png) no-repeat;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-size: 100% calc(100% - 30px);
    background-position-y: bottom;
}

.Special-Offers::after {
    content: '';
    background-color: #efe2df;
    width: 70%;
    height: calc(100% - 30px);
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -1;
}

.Special-Offers-content {
    position: relative;
    z-index: 1;
    width: 100%;
}

.Special-Offers-content>a>img {
    width: 240px;
    float: left;
    padding-right: 20px;
    border-right: 1px #ccb4b1 solid;
    margin-right: 20px;
}

.Special-Offers-content div {}

.Special-Offers-content div a {
    font-size: 17px;
    display: block;
    text-decoration-line: underline;
    margin: 8px 0px;
}

.Special-Offers-content div a i {}

.Special-Offers-list {}

.Special-Offers-list li {
    margin-bottom: 20px;
}

.Special-Offers-list li a {
    font-size: 18px;
    background-color: #f5fffd;
    padding: 5px 15px;
    border: 2px #cae6e0 solid;
    display: block;
    /* -webkit-box-orient: vertical; */
    /* -webkit-line-clamp: 1; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    line-height: 2;
}

.Special-Offers-more {
    font-size: 12px;
    font-weight: bold;
    float: right;
    background-color: #1759a3;
    color: #fff;
    padding: 8px 15px;
    border-radius: 20px;
    margin-top: 10px;
}

.Shop-Online {
    margin: 60px 0px;
    position: relative;
}

.Shop-Online::after {
    content: '';
    width: 100%;
    height: 140px;
    background-color: #e8f5ff;
    position: absolute;
    bottom: -60px;
    z-index: -1;
}

.Shop-Online-list {
    margin: 0px;
}

.Shop-Online-list li {}

.Shop-Online-list li a {
    display: block;
    min-height: 153px;
    padding: 30px 0px;
}

.Shop-Online-list li a img {
    float: left;
    object-fit: cover;
    width: 140px;
    height: 93px;
    padding-right: 15px;
}

.Shop-Online-list li a div {}

.Shop-Online-list li a div h4 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #fff;
}

.Shop-Online-list li a div p {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
}

.Shop-Online-list li:nth-child(1) {
    background-color: #5c85bc;
}

.Shop-Online-list li:nth-child(2) {
    background-color: #5179b1;
}

.Shop-Online-list li:nth-child(3) {
    background-color: #4870a7;
}

.hidden-sm {
    display: none !important;
}

.Shopping-Business {
    padding: 40px 0px 30px;
}

.Shopping-Centers {
    margin-top: -100px;
}

.Shopping-Centers-list {}

.Shopping-Centers-list {
    margin-top: 0px;
}

.Shopping-Centers-list {
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
    padding-bottom: 70px;
}

.Shopping-Centers-list .swiper-slide a {
    display: block;
    position: relative;
    padding: 10px;
}

.Shopping-Centers-list .swiper-slide a {
    width: 100%;
    height: 100%;
    background-color: #e8f5ff;
    padding: 0px;
}

.Shopping-Centers-list .swiper-slide a img {
    height: 256px;
    object-fit: cover;
}

.Shopping-Centers-list .swiper-slide a div {
    padding: 10px 15px 15px;
    text-align: center;
}

.Shopping-Centers-list .swiper-slide a div h4 {
    font-size: 20px;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Shopping-Centers-list .swiper-slide a div p {
    font-size: 16px;
}

.Shopping-Centers-list .swiper-slide a div p i {
    font-size: 20px;
    color: #1759a3;
    margin-right: 4px;
}

.Shopping-Areas-list .swiper-button-prev1,
.Shopping-Areas-list .swiper-button-next1,
.Shopping-Out-list .swiper-button-prev1,
.Shopping-Out-list .swiper-button-next1,
.Shopping-Centers-list .swiper-button-prev1,
.Shopping-Centers-list .swiper-button-next1 {
    background-color: #1759a3;
    color: #036;
    text-align: center;
    background-image: none;
    color: #fff;
    font-size: 18px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 2.3;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0px;
}

.Shopping-Areas-list .swiper-button-prev1:hover,
.Shopping-Areas-list .swiper-button-next1:hover,
.Shopping-Out-list .swiper-button-prev1:hover,
.Shopping-Out-list .swiper-button-next1:hover,
.Shopping-Centers-list .swiper-button-prev1:hover,
.Shopping-Centers-list .swiper-button-next1:hover {
    background-color: #036;
}

.Shopping-Areas-list .swiper-button-prev1,
.Shopping-Out-list .swiper-button-prev1,
.Shopping-Centers-list .swiper-button-prev1 {
    left: calc(50% - 45px);
}

.Shopping-Areas-list .swiper-button-next1,
.Shopping-Out-list .swiper-button-next1,
.Shopping-Centers-list .swiper-button-next1 {
    right: calc(50% - 45px);
}

.Business-Circles {
    position: relative;
    margin-top: -155px;
}

.Haipai-Culture {
    background-color: #cce0f1;
    padding: 40px 0px 80px;
    position: relative;
    z-index: 1;
}

.culture-top {}

.culture-top p {
    font-size: 22px;
    color: #666;
}

.culture-top .leammore {
    margin-top: 15px;
}

.culture-bottom {
    margin-top: -137px;
}

.Haipai-Culture-bg {
    background: url(../img/Haipai-Culture-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0px 60px 0px;
    overflow: hidden;
    position: relative;
}

.Haipai-Culture-bg::before {
    content: '';
    /* box-sizing: border-box; */
    height: 100%;
    width: 100%;
    background: url(../img/Haipai-Culture-bg.png) no-repeat;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/Haipai-Culture-bg.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
}

.culture-bottom ul {
    padding: 40px 0px 0px;
    position: relative;
    z-index: 2;
}

.culture-bottom ul li {}

.culture-bottom ul li a {
    background-color: #fff;
    display: block;
    padding-bottom: 1px;
}

.culture-bottom ul li a img {
    height: 327px;
    object-fit: cover;
}

.culture-bottom ul li a h4 {
    margin: 25px;
    height: 50px;
    overflow: hidden;
    font-size: 22px;
}

.Red-Culture-bg {
    background: url(../img/Red-Culture-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0px 60px 0px;
    overflow: hidden;
    position: relative;
}

.Red-Culture-bg::before {
    content: '';
    /* box-sizing: border-box; */
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/Red-Culture-bg.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
}

.Red-Culture {
    background-color: #d5e6e2;
}

.Culture-margin-top {
    margin: 60px auto;
}

.Jiangnan-Culture-bg {
    background: url(../img/Jiangnan-Culture-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0px 60px 0px;
    overflow: hidden;
    position: relative;
}

.Jiangnan-Culture-bg::before {
    content: '';
    /* box-sizing: border-box; */
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/Jiangnan-Culture-bg.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
}

.Jiangnan-Culture {
    background-color: #dadef4;
}

.Fashion-Culture-bg {
    background: url(../img/Fashion-Culture-bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 100px 0px 60px 0px;
    overflow: hidden;
    position: relative;
}

.Fashion-Culture-bg::before {
    content: '';
    /* box-sizing: border-box; */
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(../img/Fashion-Culture-bg.png);
    background-size: 100% 100%;
    position: absolute;
    z-index: 1;
}

.Fashion-Culture {
    background-color: #dff0dd;
}

.news-div {
    background-color: #eef5ff;
    padding: 50px 0px;
    margin-bottom: 60px;
}

.news-div-left {}

.news-div-left h4 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-right: 30px;
    line-height: 1.4;
}

.news-div-left p {
    font-size: 18px;
    padding-right: 30px;
}

.news-div-left .leammore {
    margin-top: 88px;
}

.news-div-right {}

.news-div-right li {
    margin-bottom: 20px;
}

.news-div-right li a {
    color: #fff;
    display: block;
    padding: 30px 40px;
}

.news-div-right li a span {
    font-size: 16px;
}

.news-div-right li a h4 {
    font-size: 20px;
}

.news-div-right li:nth-child(1) a {
    background-color: #919389;
}

.news-div-right li:nth-child(2) a {
    background-color: #6e5251;
}

.news-div-right li:nth-child(3) a {
    background-color: #39466f;
}

.Thriving-list li a p {
    margin-top: 12px;
    margin-bottom: 0px;
    height: auto;
    font-size: 16px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
}

.Handy-Resources-list li a i {
    margin-top: 25px;
}

.col-sm-20 {
    width: 20%;
}

.Settling-div::before {
    content: '';
    background-color: #eaf7f4;
}

.Settling-div .Handy-Resources-list li a:hover {
    background-color: #84d5c0;
}

.want-to {
    background-color: #e3f4f0;
    padding: 50px 0px;
}

.want-to-list {
    margin-left: -10px;
    margin-right: -10px;
}

.want-to-list li {
    width: 20%;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.want-to-list li a {}

.want-to-list li a img {
    width: 100px;
    float: left;
    padding-right: 15px;
}

.want-to-list li a p {
    margin-top: 20px;
    font-size: 18px;
}

.want-to-list li a p span {
    display: block;
}

.lates-bottom-list {
    margin-bottom: 60px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
}

.lates-bottom-list li {
    padding-left: 10px;
    padding-right: 10px;
    background: none;
}

.lates-bottom-list li a {
    padding: 20px 15px;
    height: 112px;
    font-size: 18px;
    display: block;
    background-color: #eaf7f4;
}

.lates-bottom-list li a span {
    display: block;
    font-size: 14px;
}

.Events-Areas {
    margin-bottom: 60px;
    margin-top: 50px;
}

.Events-Areas-list {}

.Events-Areas-list li {}

.Events-Areas-list li a {}

.Events-Areas-list li a img {
    height: 260px;
    object-fit: cover;
}

.Weekly-Bulletin {
    margin-top: 60px;
}

.Weekly-Bulletin-bg {
    background-color: #e8f5ff;
    padding: 35px 0px;
}

.Weekly-Bulletin-list {}

.Weekly-Bulletin-list li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.Weekly-Bulletin-list li::after {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    background-color: #c9e8ff;
    top: 0px;
    right: 15px;
}

.Weekly-Bulletin-list li:last-child:after {
    background-color: transparent;
}

.Weekly-Bulletin-list li a {
    font-size: 22px;
    display: block;
}

.search-page {
    padding-bottom: 30px;
}

.search-page .search-form {
    margin-bottom: 30px;
}

.search-page .search-form .input {
    height: 70px;
    border: 2px #003366 solid;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.search-page .search-form .input input {
    height: 68px;
    width: calc(100% - 140px);
    border: none;
    font-size: 20px;
    padding: 0px 15px;
}

.search-page .search-form .input .Searchbtn {
    height: 68px;
    width: 140px;
    position: absolute;
    background-color: #003366;
    color: #fff;
    font-size: 20px;
    border: none;
    top: 0px;
    right: 0px;
}

.search-result-tip {
    font-size: 20px;
    color: #999;
    margin-top: 10px;
}

.search-result {}

.search-result li {
    margin-bottom: 30px;
}

.search-result li:last-child {
    margin-bottom: 0px;
}

.search-result li a {
    display: block;
}

.search-result li a p.time {
    color: #666;
    font-size: 16px;
    margin-bottom: 1px;
}

.search-result li a h4 {
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.search-result li a p.detail {
    font-size: 20px;
}

.text-red {
    color: #cc0000;
}

.Thriving-list li a {
    padding: 10px 0px;
}

.pagination {}

.pagination input,
.pagination .whj_padding {
    display: inline-block;
    margin: 0px 8px;
    font-size: 20px;
    cursor: pointer;
}

.pagination input {
    width: 50px;
}

.pagination .whj_checked {
    color: #c10026;
    cursor: default;
    border-bottom: 1px #c10026 solid;
}

.language-btn {}

.language-list {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    top: 44px;
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.45);
    right: 15px;
    display: none;
}

.language-list {}

.language-list::before {
    content: '';
    border-bottom: 8px #fff solid;
    border-left: 8px transparent solid;
    border-right: 8px transparent solid;
    position: absolute;
    top: -8px;
    right: 30px;
}

.language-list li a {
    font-size: 12px;
}

.w70 {
    width: 71%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.w30 {
    width: 29%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.error-body {
    background-color: #d1edff;
}

.error-page {
    min-height: 700px;
}

.error-page .container1 {
    position: relative;
}

.error-img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70%;
}

.error-content {
    width: 460px;
    float: right;
    margin-top: 200px;
}

.error-content h4 {
    font-size: 44px;
    font-weight: bold;
    color: #1759a3;
}

.error-content p {
    color: #21252b;
    font-size: 18px;
    margin: 10px 0px 15px;
}

.error-content a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 13px 0px;
    border-radius: 30px;
    margin: 20px 10px;
    width: 200px;
    text-align: center;
}

.error-content a.Previous-Page {
    background-color: #73b9eb;
}

.error-content a.Home-Page {
    background-color: #1759a3;
}

.Fasttrack-Paperwork {
    background: linear-gradient(130deg, #d4ecff 8%, #e8f5ff 60%);
    padding: 60px 0px;
}

.Fasttrack-Paperwork-list {}

.Fasttrack-Paperwork-list li {
    margin: 10px 0px;
}

.Fasttrack-Paperwork-list li a {
    background: #fff;
    display: block;
    padding: 20px;
    border-radius: 5px;
    position: relative;
    transition: all 0.5s;
}

.Fasttrack-Paperwork-list li a::before {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #e8f5ff;
    position: absolute;
    top: 0px;
    left: 90px;
}

.Fasttrack-Paperwork-list li a>i {
    width: 50px;
    display: block;
    font-size: 31px;
    float: left;
    color: #73b9eb;
    text-align: center;
    margin-top: 4px;
}

.Fasttrack-Paperwork-list li a p {
    font-size: 16px;
    width: calc(100% - 75px);
    float: right;
    margin-bottom: 0px;
    padding-left: 10px;
    line-height: 1.1;
    position: relative;
    height: 39px;
    display: flex;
    align-items: center;
}

/* .Fasttrack-Paperwork-list li  a p::before{
    content: '';
    width: 8px;
    height: 8px;
    border:1px #999 solid;
    position: absolute;
    border-radius: 100%;
    left: 10px;
    top: 5px;
} */
.Fasttrack-Paperwork-list li a p span {
    width: 8px;
    height: 8px;
    border: 1px #999 solid;
    border-radius: 100%;
    margin-right: 10px;
}

.Fasttrack-Paperwork-title a,
.Fasttrack-Paperwork-title {
    font-size: 22px;
}

.Fasttrack-Paperwork-list li a:hover {
    background: linear-gradient(to right, #9fd9e8, #73b9eb);
}

.Fasttrack-Paperwork-list li a:hover i {
    color: #fff;
}

.Fasttrack-Paperwork-list li a:hover p::before {
    border-color: #21252b;
}

.Fasttrack-Paperwork-list li a p i {
    display: block;
    position: absolute;
    right: 0px;
    top: 3px;
    font-size: 12px;
    padding: 6px;
    border-radius: 100%;
    color: #fff;
    background-color: #c8e8ff;
}

.Fasttrack-Paperwork-list li a:hover p i {
    background: linear-gradient(100deg, #9ed8e9, transparent);
}

.Frequently-email {
    padding: 30px;
    border-top: 1px #bde4ff solid;
    border-bottom: 1px #bde4ff solid;
    margin: 60px 0px 30px;
    display: flex;
    align-items: center;
}

.Frequently-email img {
    width: 100px;
    float: left;
}

.Frequently-email p {
    font-size: 20px;
    color: #fff;
    padding-left: 15px;
    width: calc(100% - 100px);
    float: left;
    margin-bottom: 0px;
}

.Frequently-email p a {
    background-color: #80c3ea;
    border: 1px #add9f4 solid;
    padding: 7PX 30PX;
    border-radius: 20px;
    margin-left: 15px;
    font-style: oblique;
    font-size: 16px;
    color: #303030;
}

.Article-page-left .Talent-right.margin-top-30 {
    margin-bottom: 30px;
}

.Service-Guide .public-title a:hover {
    color: #21252b !important;
    cursor: auto;
}

.Article-page-left .Talent-right.margin-top-30 {
    margin-bottom: 30px;
}

.Talent-right-list-img {
    padding-bottom: 30px;
}

.Talent-right-list-img li {
    margin-bottom: 20px;
}

.Talent-right-list-img li a {}

.Talent-right-list-img li a img {}

.Culture-div {
    margin-top: 50px;
}

.Culture-div-list {}

.Culture-div-list li {}

.Culture-div-list li a {
    display: block;
    position: relative;
}

.Culture-div-list li a img {
    height: 192px;
    object-fit: cover;
}

.Culture-div-list li a span {
    position: absolute;
    bottom: 30px;
    left: 0px;
    font-size: 18px;
    padding: 5px 20px;
    color: #fff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.23);
}

.Culture-div-list li:nth-child(1) a span {
    background-color: rgba(90, 31, 8, 80%);
}

.Culture-div-list li:nth-child(2) a span {
    background-color: rgba(224, 76, 71, 80%);
}

.Culture-div-list li:nth-child(3) a span {
    background-color: rgba(186, 110, 60, 80%);
}

.Culture-div-list li:nth-child(4) a span {
    background-color: rgba(21, 32, 86, 80%);
}

.Government-left .public-title a:hover {
    color: #21252b !important;
}

.Archives-btn {
    margin-top: 40px;
    background-color: #056f79;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 47px 40px;
}

.Archives-btn p {
    position: relative;
}

.Archives-btn p::before {
    content: '';
    width: 21px;
    height: 4px;
    background-color: #70d69d;
    position: absolute;
    top: -10px;
}

.Archives-btn i {
    color: #fff;
    margin-left: 15px;
    font-size: 24px;
    font-weight: 500;
}

.sharemodel {
    position: absolute;
    top: 0%;
    left: -17px;
    transition: all 0.5s;
    z-index: -1;
    opacity: 0;
}

.sharemodel img {
    width: 58px;
    max-width: none;
}

.sharemodel.active {
    top: -65px;
    opacity: 1;
}

.sharemodel2 {
    position: absolute;
    top: -75px;
    left: 0%;
    transition: all 0.5s;
    background-color: #fff;
    padding: 6px;
    border-radius: 10px;
    display: none;
}

.sharemodel2 img {
    width: 76px;
}

.Outside-content {
    background-color: rgba(195, 231, 255, 58%);
    box-shadow: 0px 2px 5px rgba(23, 89, 163, 0.2);
    width: 520px;
    padding: 30px 50px;
    border-radius: 15px;
    z-index: 1;
    position: relative;
}

.Frequently-bottom ul li a img.hover-img {
    display: none;
}

.Frequently-bottom ul li.active a img:nth-child(1) {
    display: none;
}

.Frequently-bottom ul li.active a img.hover-img {
    display: block;
}

.link-tips {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

.tip-wrap {
    position: fixed;
    background: #82c4ea;
    width: 540px;
    height: 242px;
    z-index: 100;
    padding: 16px;
    display: flex;
    align-items: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.tip-inner {
    width: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: #fff;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.tip-inner p {
    font-size: 18px;
    text-align: center;
}

.tip-inner:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border: 1px solid #80bfed;
}

.tip-inner .btn-cont {
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 9999;
    position: relative;
}

.tip-inner .btn-cont a {
    background: linear-gradient(to right bottom, #a3dae9, #80bfed);
    font-size: 16px;
    font-weight: bold;
    border-radius: 50px;
    padding: 10px 50px;
    margin-top: 20px;
    cursor: pointer;
}

.footer-apps {
    width: 31%;
    float: left;
    padding-left: 30px;
}

.footer-apps ul {
    position: relative;
    margin-top: 17px;
    display: flex;
}

.footer-apps ul li {
    display: inline-block;
    position: relative;
    z-index: 0;
    flex: auto;
}

.footer-apps ul li a {}

.footer-apps ul li a img {
    max-height: 25px;
    width: auto;
}

.footer-menu {
    margin-top: 60px;
    position: relative;
}

.footer-menu::before {
    content: '';
    width: 100%;
    height: 60px;
    background-color: #00254a;
    position: absolute;
    left: 0px;
    top: -10px;
}

.footer-menu ul.navbar-nav {
    display: flex;
    width: 100%;
}

.footer-menu ul.navbar-nav>li {
    flex: 1;
}

.footer-menu ul.navbar-nav>li>a {
    color: #fff;
    font-size: 18px;
    padding: 10px 0px;
}

.footer-menu ul.navbar-nav>li>a:hover {
    background-color: transparent;
    color: #fff !important;
}

.footer-menu ul.navbar-nav li ul {
    margin-top: 25px;
}

.footer-menu ul.navbar-nav li>ul>li {
    padding: 8px 0px;
}

.footer-menu ul.navbar-nav li>ul>li>a {
    color: #83a5c8;
    font-size: 14px;
}

.footer-menu ul.navbar-nav li>ul>li>a:hover {
    color: #fff !important;
}

.Copyright a {
    color: #73b9eb !important;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

video::-internal-media-controls-download-button {
    display: none;
}

.type-btn {
    background-color: #d5e9e4;
    font-size: 16px;
    color: #21252b;
    padding: 4px 10px;
    border-radius: 6px;
    display: inline-block;
    font-weight: bold;
}

.Shopping-night-Out {
    margin-top: 60px;
}

.Shopping-night-Out .Shopping-Out-list {
    padding-bottom: 80px;
}

.Shopping-night-Out .swiper-slide a {
    background-color: #ecf7f4;
    display: block;
}

.Shopping-night-Out .swiper-slide img {
    height: 256px;
    object-fit: cover;
}

.Shopping-night-Out .swiper-slide a p {
    margin-bottom: 0px;
    font-size: 20px;
    text-align: center;
    padding: 21px 15px;
}

.Friendly-Shopping {
    margin-top: 60px;
    padding-top: 50px;
    position: relative;
}

.Friendly-Shopping::before {
    content: '';
    background-color: #e8f5ff;
    width: 100%;
    height: 80%;
    position: absolute;
    top: 0px;
    z-index: -1;
}

.Friendly-Shopping-container {
    background: url(../img/Friendly-Shopping.png) no-repeat;
    background-size: 100% 100%;
}

.Friendly-Shopping-list h4 {
    color: #fff;
    line-height: 1.6;
}

.Friendly-Shopping-list {
    background-color: rgba(23, 89, 163, 79%);
    width: 45%;
    padding: 50px 35px 50px 60px;
    float: right;
}

.Friendly-Shopping-list li {
    line-height: 2;
    padding: 5px 0px 5px 20px;
    position: relative;
}

.Friendly-Shopping-list li a {
    font-size: 18px;
    color: #fff;
}

.Friendly-Shopping-list li::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #8aceff;
    position: absolute;
    border-radius: 100%;
    left: 0px;
    top: 17px;
}

.Recommended-Stores {
    background: url(../img/Recommended-Stores.png) no-repeat;
    margin: 100px 0px 0px;
    background-size: 100% auto;
    background-position-y: 70%;
}

.Recommended-Stores-list {
    background-color: #fff;
    padding: 0px 30px;
    margin-top: -50px;
}

.Recommended-Stores-list li {
    position: relative;
}

.Recommended-Stores-list li a {
    position: relative;
    display: block;
}

.Recommended-Stores-list li a img {
    /* height: 320px; */
}

.Recommended-Stores-list li span {
    position: absolute;
    display: block;
    font-size: 24px;
    color: #fff;
    text-align: center;
    width: 70%;
    top: 50%;
    left: 15%;
    font-weight: bold;
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    padding: 30px 30px;
    display: none;
    transform: translateY(-50%);
}

.Recommended-Stores-list li a p {
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0px 20px;
}

.Recommended-Stores-list li a p i {
    color: #ffaa3a;
    font-weight: 500;
    padding-left: 10px;
    font-size: 21px;
}

.Recommended-Stores-right {
    padding: 0px 20px;
    margin-top: 45px;
}

.Recommended-Stores-right div {
    padding-top: 80px;
}

.Recommended-Stores-right div p {
    font-size: 18px;
}

.Recommended-Stores-right div .Short-term-more {
    margin-top: 90px;
}

.Recommended-Stores-list li a:first-child::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.25);
    top: 0px;
    left: 0px;
}

.Recommended-Stores-list li a:hover span {
    display: block;
}

.share-video {
    position: fixed;
    top: 40%;
    right: 15px;
    width: 290px;
    z-index: 999;
}

.share-video a h4 {
    position: absolute;
    bottom: calc(50% - 35px);
    color: #fff;
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding: 0px 15px;
    line-height: 1.5;
}

.share-video span {
    position: absolute;
    right: 15px;
    top: 10px;
    color: #fff;
    z-index: 1000;
    cursor: pointer;
}

.Editors-Picks-right .swiper-slide a p {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: break-spaces;
    display: -webkit-box;
}

.Article_content figcaption {
    margin-bottom: 20px;
    word-break: inherit !important;
}

.living-more {
    color: #21252b;
    position: relative;
    background-color: #fff;
    width: 130px;
    display: block;
    text-align: center;
    border-radius: 50px;
    padding: 13px 0px;
    font-size: 13px;
    margin: 20px auto 0px;
    font-weight: 600;
}

.learn .living-more {
    background-color: #e8f5ff;
}

.living-more:hover {
    color: #fff !important;
    background-color: #00254a;
}

/* .Settling-div  .living-more:hover{
        background-color: #00c08f;
     } */
.Editors-Picks ul.nav-pills {

    background-color: transparent;

    margin-top: 60px;

    padding-left: 50px;
}

.Editors-Picks ul.nav-pills li {

    min-width: 100px;

}

.Editors-Picks ul.nav-pills li a {

    font-size: 18px;

    background-color: #fff;

    border-radius: 20px;

    padding: 6px 20px;

    display: block;

    text-align: center;

}

.Editors-Picks ul.nav-pills li.active a {
    color: #fff !important;
    background-color: #1c3667;

}

.Editors-Picks ul.nav-pills li+li {
    margin-left: 10px;
}

.travel-guide {
    margin-top: 70px;
}

.Popular-Destinations-owl .swiper-slide a {
    overflow: hidden;
    display: block;
}

.Popular-Destinations-owl .swiper-slide a img {
    height: 253px;
    object-fit: cover;
    transition: all 0.5s;
}

.Popular-Destinations-owl .swiper-slide a h4 {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    width: 100%;
    margin: 0;
    background-color: rgb(23 89 163 / 80%);
    font-size: 20px;
    padding: 20px 10px;
    text-align: center;
}

.Popular-Destinations-owl .swiper-slide a h4 span {

    text-align: center;
    width: 90%;
    text-overflow: initial;
    overflow: initial;
    white-space: normal;
}

.Popular-Destinations {
    background-color: #e8f5ff;
    padding: 50px 0px;
}

.Popular-Destinations .swiper-button-next,
.Popular-Destinations .swiper-button-prev {

    width: 40px;

    height: 40px;

    background-color: #fff;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    float: right;

    margin-top: 20px;
    background-image: none;
    position: static;
}

.Popular-Destinations .swiper-button-next {

    margin-left: 10px;
}

.Popular-Destinations .swiper-button-prev {}

.Popular-Destinations .swiper-button-next:hover,
.Popular-Destinations .swiper-button-prev:hover {
    background-color: #00254a;
    color: #fff;
}

ul.Popular-Destinations-tabs {

    background-color: transparent;
    margin-bottom: 20px;
}

ul.Popular-Destinations-tabs>li+li {
    margin-left: 5px;
}

ul.Popular-Destinations-tabs>li>a {

    display: block;

    background-color: #fff;

    font-size: 18px;

    min-width: 100px;

    text-align: center;

    padding: 6px 20px;

    border-radius: 10px;

    color: #1c3667;
}

ul.Popular-Destinations-tabs>li.active>a:focus,
ul.Popular-Destinations-tabs>li.active>a:hover,
ul.Popular-Destinations-tabs>li.active>a {
    color: #fff !important;
    background-color: #1c3667;
}

.col-sm-56 {
    width: 46%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.col-sm-22 {
    float: left;
    width: 27%;
    padding-left: 15px;
    padding-right: 15px;
}

.Food-Beverage-center .Food-Beverage-center-border a i {
    float: right;
    font-size: 12px;
    margin-top: 6px;
    color: #5b9082;
}

.Things-to-div {

    background-color: #fff;

    margin-bottom: 40px;

    position: relative;
}

.Things-to-div-left {

    width: 50%;

    float: left;

    overflow: hidden;
}

.Things-to-div-right {

    width: 50%;

    float: left;

    padding: 8% 50px;

    display: block;
}

.Things-to-div-right h4 {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.3;
}

.Things-to-div-right a {

    font-size: 20px;

    font-weight: bold;

    color: #1c3667;

    display: block;

    border-top: 1.5px #1c3667 solid;

    border-bottom: 1.5px #1c3667 solid;

    padding: 15px 30px;

    margin-top: 50px;
}

.Duty-Free {
    margin-bottom: 50px;
}

.imgs-living-div {
    margin-top: 40PX;
}

.menu-left2>li {
    margin: 0px 0px 40px;
}

.menu-left2>li>a {
    font-size: 26px;
    border-left: 3px #666 solid;
    padding-left: 10px;
    line-height: 1;
    font-weight: bold;
}

.menu-left2>li.active>a {
    border-left: none;
    padding-left: 0px;
}

.menu-left2>li.active>a::after {
    top: calc(50% - 10px);
}

.menu-left2>li ul.menu-left-list {

    margin-top: 10px;
}

.menu-left2>li ul.menu-left-list li {

    padding: 15px 0px 0px;
}

.menu-left2>li ul.menu-left-list li a {
    font-size: 20px;
    color: #666;
}

.Article_content figure,
.Article_content figcaption,
.Article_content figcaption span {
    max-width: 100% !important;
}

.Article-page-bottom .Expats-Stories-list li {
    margin-bottom: 30px;
}

.Article_content a:hover,
.Article_content a {
    text-decoration: underline;
    color: rgb(35, 111, 161);
}

.Why-Shanghai-list ul.Why-Shanghai-num-list{

}
.Why-Shanghai-list ul.Why-Shanghai-num-list li {
    
background: none;
    
width: 33.33%;
    
float: left;
    
padding: 0px;
margin: 0px;
}
.Why-Shanghai-list ul.Why-Shanghai-num-list li img{
    
height: auto;
    
width: 100%;
}